<div ng-controller="detailSpecCtr" class="wrap">
    <!--首页推荐存在-->
    <div ng-if="childGetMouds.length!=0&&specDetaiDataColumns">
        <div class="conWidth mianConLeft">
            <div ng-repeat="item in specDetaiDataColumns track by $index">
                <div class="detailActComm"><span>{{item.columnName}}</span></div>
                <div ng-include="'tpl/components/detailSpeFou.html'"></div>
            </div>
        </div>
        <div class="conAside conGroomConti"  style="padding-bottom:0.2rem ">
            <div ng-include="'tpl/components/groom.html'"></div>
        </div>
    </div>
    <!--首页推荐不存在-->
    <div ng-if="childGetMouds.length==0">
        <div class="conWidth" style="width: 100%">
            <div ng-repeat="item in specDetaiDataColumns track by $index">
                <div class="detailActComm"><span>{{item.columnName}}</span></div>
                <div ng-include="'tpl/components/detailSpeFou.html'"></div>
            </div>
        </div>
    </div>
</div>


<style>
    .specDetail{
      width: 100%;
      border-bottom:1px solid #e3e3e3 ;
      overflow: hidden;
    }
    .specDetail>div{
      padding: 7px 0;
      width: 50%;
      text-align: center;
      float: left;
    }

    /*专题列表样式*/
     .NewsSpecil{
         overflow: hidden;
         padding: 0.15rem;
         border-bottom:1px solid #e3e3e3 ;
         position: relative;
     }
    .newsSpecTitl{
        float: left;
        max-width:60%;
    }
    .newsSpecImg{
        float: right;
        height: 100%;
        overflow: hidden;
        text-align: right;
    }
    .newsSpecImg img{
        width:1.1rem;
        height:0.75rem;
        float: left;
    }
    .NewsSpecilBot{
        position: absolute;
        bottom:0.1rem;
    }
    .detailActComm{
        margin: 0.15rem;
        color: #000000;
        margin: 0.15rem;
        font-size: 0.24rem;
    }
    .detailActComm span{
        border-left:2px solid #FCA204 ;
        padding: 0 0.1rem;
    }
    @media only screen and (min-width: 30.2rem){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }

    }
    @media only screen and (min-width: 640px){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }

    }
    @media only screen and (min-width: 768px){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }

    }
    @media only screen and (min-width: 100.24rem){
        .mianConLeft{
            width: 65%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 33%;
        }

    }
    @media only screen and (min-width:1366px){
        .mianConLeft{
            width: 65%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 33%;
        }

    }

</style>
